<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"  
      xmlns:h="http://java.sun.com/jsf/html"  
      xmlns:f="http://java.sun.com/jsf/core"  
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>.::IFConnect::.</title>
        <link rel="stylesheet" type="text/css" href="../styles/index.css" media="all"/>
    </h:head>

    <h:body>
        <div id="estrutura">
            <div id="cabecalho-usuario">
                <div id="cabecalho-conteudo">
                    <div id="cabecalho-usuario-esquerda">
                        div cabecalho-usuario-image1
                    </div>

                    <div id="cabecalho-usuario-shortimage">

                    </div>

                    <div id="cabecalho-usuario-nome">
                        nome do usuário
                    </div>

                    <div id="cabecalho-usuario-logout">
                        Sair
                    </div>


                </div>
            </div>
            <div id="conteudo-usuario">
                <div id="conteudo-left">
                    <div id="conteudo-left-foto">

                    </div>
                    <div id="conteudo-left-descricao">
                        Genemes - Análise e Desenvolvimento de Sistemas - IFPB
                    </div>
                    
                    <div id="conteudo-left-menu">
                        <h:form>
<!--                            <h:messages styleClass="errors"/>-->
                            <p:menu styleClass="conteudo-left-menu">
                                <p:menuitem value="Home" url="../index.xhtml" />
                                <p:menuitem value="Gmail" url="http://gmail.com" />
                                <p:menuitem value="Hotmail" url="http://www.hotmail.com" />
                                <p:menuitem value="Yahoo Mail" url="http://mail.yahoo.com" />
                                <p:menuitem value="Youtube" url="http://www.youtube.com" />
                            </p:menu>
                        </h:form>
                    </div>

                </div>

                <div id="conteudo-right">
                </div>

                <div id="conteudo-center">
                </div>
            </div>

        </div>

        <div id="rodape-estrutura">
            <div id="rodape">
                <table id="tabela-rodape">
                    <tr>
                        <td>
                            <div id="ifpb">

                                <table>
                                    <tr>
                                        <td><img alt="IFPB" name="ifpb" src="../images/logo-ifpb.png" /></td>
                                        <td>IFPB<br />Instituto Federal de Educação, Ciência e Tecnologia da Paraíba - Campus Cajazeiras, localizado em Cajazeiras a mas 15 anos ...</td>
                                    </tr>
                                </table>

                            </div>
                        </td>
                        <td>
                            <div id="fjn">

                                <table>
                                    <tr>
                                        <td><img alt="FJN" name="fjn" src="../images/logo-fjn-dig.png" /></td>
                                        <td>FJN<br />Faculdade Juazeiro do Norte está localizada no Vale do Cariri, situada na cidade mais próspera do interior do Ceará...</td>
                                    </tr>
                                </table>

                            </div>
                        </td>
                        <td>
                            <div id="cajasoft">
                                <table>
                                    <tr>
                                        <td rowspan="3"><img alt="CAJASOFT" name="cajasoft" src="../images/logo-cajasoft-menor.png" /></td>
                                        <td>Facebook</td>
                                        <td><img alt="face" name="face" src="../images/logo-facebook-menor.png" /></td>
                                    </tr>
                                    <tr>
                                        <td>Twitter</td>
                                        <td><img alt="twitter" name="twitter" src="../images/twitter_logo-menor.png" /></td>
                                    </tr>
                                    <tr>
                                        <td>Google+</td>
                                        <td><img alt="googleplus" name="googleplus" src="../images/logo-googleplus-menor.png" /></td>
                                    </tr>
                                </table>
                            </div>
                        </td>
                    </tr>
                </table>

            </div>


        </div>

    </h:body>

</html>